<?php get_public_header(array('public.js'), array('skin/common.css')) ?>

<div class="grid_12"><br /></div>
<div class ="clear"></div>
<div class="grid_12 text4">
    <h2 >Log-in</h2>
    <form id="login" name="login"  method ="POST" class="form">
        <input type="hidden" name="to_checkout" id="to_checkout" value ="<?php echo $to_checkout ?>" />
        <fieldset><legend></legend>

                <div class="line">
                    <label class="unit bold" for="email" >E-mail Address: </label>
                    <div class="unit field">
                        <input type="text" name="email" id="email" />
                    </div>
                </div>

                <div class ="clear"></div>

                <div class="line">
                    <label class="unit bold" for="title" >Password:</label>
                    <div class="unit field">
                        <input type="password" name="password" id="password" />
                    </div>
                </div>

                <div class ="clear"></div>
                
                <div id="err" class="ui-state-error ui-corner-all line" style="display:none; padding: 6px; width: 40%; font-size: 14px">
                    <span class="icon icon-info"></span>
                    <span class="msg"></span>
                </div>

        </fieldset>
        
        <div class ="clear"></div>

	<div class="buttons">
		<button id="login_butt" name="login_butt">Log-in</button>
	</div>

        <div class ="clear"></div>

    </form>
</div>
<script>
    $('#login_butt').button().click(function(e) {
        e.preventDefault();
        submitLogin();
    });
    
    $('#login_butt').button();
</script>

<?php get_public_footer() ?>